<include file="header" />
<body>
<div class="wraper">
    <div class="load">
        <img class="load-bee" src="/assets/base/charging/images/load-bee.png">

    </div>
    <div class="top">
        <p>
            <a href="javascript:history.back();" class="iconfont icon-zuo fl-left"></a>
            {BEESCRM:$app_name}
            <a href="{BEESCRM::U('/Base/Charging/index',array('chargingId'=>$chargingId))}" class="iconfont icon-shouye fl-right"></a>
        </p>
    </div>
	<p class="block-space">请选择充值金额</p>
	<div class="tab-prize clearfix">
		<volist name="data['recharge']" id="vo">
			<span <if condition="$i eq 1">class="option checked"<else/>class="option"</if> data-amount="{BEESCRM:$vo.value}" data-money="{BEESCRM:$vo.money_id}">{BEESCRM:$vo.value}元</span>
		</volist>
	</div>
	<p class="result">您充值金额所对应的时间为<span id="hour" data-money="{BEESCRM:$data['recharge'][0]['money_id']}">{BEESCRM:$data['recharge'][0]['value']*$data['ratio_num']}</span>小时</p>
	<p class="form">
		<input class="other-choose" value=""/>
	</p>
    <!--<p class="form">
    	<select id="amount">
    		<option value="0"></option>
    		<option value="1">1元</option>
    		<option value="3">3元</option>
    		<option value="5">5元</option>
    		<option value="10">10元</option>
    	</select>
    </p>-->
    
	<div class="prompt">
		<p class="title">温馨提示：</p>
		<if condition="$data['tips']">
			{BEESCRM:$data['tips']}
		<else/>
			<p>1.充电站按时间计费，{BEESCRM:$data.min_recharge}元/{BEESCRM:$data.min_charge_hour}小时（{BEESCRM:$data.min_charge_minute}分钟），充值金额{BEESCRM:$data.min_recharge}元起充；充电时间精确到分钟，若有剩余充电时间可继续用；充电完成后将自动断电，并发送微信消息给您，请及时取车。</p>
			<p>2.请勿将物品覆盖在充电器或电池上，亦勿在雷雨天气使用充电设备，并禁止电动车经夏日长时间行驶、暴晒后立即充电。</p>
			<p>3..一次充电时间一般控制在6小时以内；充电站每个插口只适应一台电动车充电，请不要接其它负载，以免断电保护。</p>
			<p>4.电瓶车充电栓仅为园区师生员工电动车充电提供便利，但不承担保管义务或任何安全保障义务，请您自行看管好您的爱车等物品；如出现损坏、遗失、被盗等情形时，充电站均不承担经济和法律责任。</p>
			<p>5.请严格按照提示的操作指南进行充电，如因您操作不当引起的一切损失和后果将由您自行承担，并赔偿由此给充电站造成一切损失的。</p>
		</if>
		<br/>
		<p style="font-size: 14px;text-align: center;text-indent: 0;">充值即视为同意以上条款</p>
	</div>
	<div class="btn-box">
		<a href="javascript:void(0);" class="btn btn-submit">立即充值</a>
	</div>
	<input type="hidden" id="ratio_num" value="{BEESCRM:$data.ratio_num}">
	<input type="hidden" value="{BEESCRM:$url}" id="url" />
</div>
<include file="commonJS" />
<script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
	//去除左右空格
    $(function(){
    	var ratio_num=Number($('#ratio_num').val());
		//var order_id=$('#order_id').val();
		var amountReg = /^[0-9]*[1-9][0-9]*$/;
		//确认付款
		$(document).on('click','.btn-submit',function(){
			var hour=Number($('#hour').text());
			var amount=hour/ratio_num;
			var money_id=$('#hour').data('money');


			if(amount==0){
				$.alert('error','充值金额不能为空');return ;
			}/*else if(!amountReg.test(amount)){
				$.alert('error','充值金额只能为正整数');return ;
			}*/

			$.ajax({
				type:'post',
				dataType:'json',
				data:{'goods_amount':amount , 'money_id':money_id},
				url:"{BEESCRM::U('/base/charging/createOrder',array('chargingId'=>$chargingId))}",
				beforeSend: function(){	 
					 $('.load').show();
					// Handle the beforeSend event	
				},
				success:function(data){
					console.log(data); $('.load').hide();
					if(data.status == 'F'){
						$.alert('error', data.message);return ;
					}else{
						/* alert(data.data.order_id);
						return ; */
						/*  if("598" == "{BEESCRM::session('fans_id')}"){
							paySuccess(data.data.order_id);
						}else{
							pay(data.wxpay);
						}  */
						var id = data.data.order_id;
						var wxpay = $.parseJSON(data.wxpay);
						pay(wxpay, id);
					}
				},
				error:function(){
					$('.load').hide();
					$.alert('error', data.message);
					return false;
				}
			});
		});
		
		//数据处理错误
		function show_error(data){
			$.alert('error',data.message);
			/* if(data.url){
				setTimeout('location.href="'+data.url+'"',2000);
			} */
		}
		
		//微支付
		 function pay(wxpay, id){
			if (typeof WeixinJSBridge == "undefined"){
				if( document.addEventListener ){
					document.addEventListener('WeixinJSBridgeReady', jsApiCall, false);
				}else if (document.attachEvent){
					document.attachEvent('WeixinJSBridgeReady', jsApiCall);
					document.attachEvent('onWeixinJSBridgeReady', jsApiCall);
				}
			}else{
				WeixinJSBridge.invoke(
					'getBrandWCPayRequest',
					 wxpay,
					function(res){
						WeixinJSBridge.log(res.err_msg);
						if(res.err_msg == "get_brand_wcpay_request:ok"){
							paySuccess(id);
						}else if(res.err_msg == "get_brand_wcpay_request:cancel"){
							$.alert('error','付款已取消');
							return false;
						}else{
//							$.alert('error','调用微支付失败');
							$.alert('error',res.err_msg);
							return false;
						}
					}
				);
			}
		}
		
		function paySuccess(order_id){
			var json = {};
			json.url = "{BEESCRM::U('base/charging/paysuccess',array('chargingId'=>$chargingId))}/order_id/"+order_id;
			$.getAjax(json,false,redirect);
		}
		function redirect(data){
            if(data.urlTo !=''){
                location.href = data.urlTo;
                //location.href = data.urlTo+"?url=http://wap.alpha.greencampus.cc/"+data.url;
            }else {
                location.href = data.url;
			}
		}
	});
	$(function(){
		var ratio_num=Number($('#ratio_num').val());
		$('.tab-prize').on('click','.option',function(){
			if($(this).hasClass('other')){
				$(this).addClass('checked').siblings().removeClass('checked');
			}else{
				if(!$(this).hasClass('checked')){
					$(this).toggleClass('checked').siblings().removeClass('checked');
				}
				var num=Number($(this).data('amount'));
				var money=$(this).data('money');
				num=num*ratio_num;
				$('#hour').text(num);
				$('#hour').data('money',money);
				
			}
		})
	});
</script>
</body>
</html>